<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--weui.min.css-->
    <link rel="stylesheet" href="/static/index/css/page/base.css"/>
    <link rel="stylesheet" href="/static/index/css/page/font.css"/>
    <link rel="stylesheet" href="/static/index/jquery_weui/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/index/jquery_weui/lib/weui.min.css">
    <!--jquery-weui.min.css-->
    <link rel="stylesheet" type="text/css" href="/static/index/jquery_weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="/static/index/css/page/other.css" />
</head>
<body>
<div class="pageControl personal bg-f5">
    <!--主体-->
    <div class="main">
        <div class="bg-di"></div>
        <div class="msui_nav msui_navTop">
            <a class="msui_navTop-back" href="javascript:history.back();"><i class="micon-back"></i></a>
            <h1 class="msui_navTop-title">{$user_info.name}</h1>
            <a class="msui_navTop-icon" href="../index/index.html">
                <i class="micon-home"></i>
            </a>
        </div>
        <div class="top">
            <a class="zhe"></a>
            <!--背景图片-->
            {if $user_info.user_back}
            <img src="{$user_info.user_back}" alt=""/>
            {else}
            <img src="/static/index/img/idx.png" alt="" />
            {/if}
            <div class="index-top-tab">
                <div id="personal-bg"></div>
                <div class="personal_img">
                    <a href=""><img class="personal_img1" src="{$user_info.img}" alt=""/></a>
                </div>
                <p>{$user_info.name}</p>
                <div>
                    <p class="bg-26c renZh">
                        {if $vo.sex eq 1}<img src="/static/index/img/n1.png" alt=""/>{else}<img src="/static/index/img/n0.png" alt=""/>{/if}
                        <span>{$user_info.age}岁</span>
                    </p>
                    <p class="bg-ff7 renZh">
                        {if $vo.is_rz eq 1}<img src="/static/index/img/x0.png" alt=""/>{/if}
                        <span>{if $user_info.is_rz eq 0}未认证{elseif $user_info.is_rz eq 2}待审核{else}已认证{/if}</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="weui-cell other-yan">
            <div class="weui-label fs06">
                {if $user_info.sex eq 0}她{else}他{/if}的动态
            </div>
            <div class="weui-cell__bd">
                <div class="swiper-container">
                        <div class="swiper-wrapper">
                        	<?php $ssh = explode("|",$info['photo']);?>
                            {foreach name="ssh" item="photo"}
	                            <div class="swiper-slide">
	                                <a href="/index/index/detail?id={$info.id}&uid={$uid}"><img src="{$photo}" alt=""/></a>
	                            </div>
                            {/foreach}
                        </div>
                        <div class="pic-count"><?php echo count($ssh)?>张</div>
                </div>
            </div>
        </div>
        <div class="weui-cells weui-cells__form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" id="content" rows="3" placeholder="发送验证信息"></textarea>
                    <div class="weui-textarea-counter">
                        <span>0</span>
                        /200
                    </div>
                </div>
            </div>
        </div>
        <div class="other-btn">
            <!--未关注的class为weiguan,已关注的class为yiguan-->
            {if $is_gz eq 1}
	            <a id="add" href="" class="yiguan">
	                <img src="/static/index/img/xx.png" alt=""/>
	                <span class="cl-f">已关注</span>
	            </a>
            {else}
	            <a id="add" href="" class="weiguan">
	                <img src="/static/index/img/xx.png" alt=""/>
	                <span class="cl-f">未关注</span>
	            </a>
            {/if}
            <a id="guanzhu" href="" class="bg-26c">
                <span class="cl-f">发送</span>
            </a>
        </div>
    </div>
</div>
<!-- jquery-2.1.4 -->
<script type="text/javascript" src="/static/index/jquery_weui/lib/jquery-2.1.4.js"></script>
<!-- jquery-weui.min.js -->
<script type="text/javascript" src="/static/index/jquery_weui/js/jquery-weui.min.js"></script>
<script src="/static/index/jquery_weui/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 2,
        spaceBetween: 5
    });
    $(document).ready(function(){
        var perWidth = $(".personal_img1").css("width");
        $(".personal_img1").css("height",perWidth);
    })
    $("#guanzhu").click(function(){
		content = $("#content").val();
		$.post(
			"/index/other/add_friend", 
			{ content: content,user_id:"{$user_id}",uid:"{$uid}"},
		    function(data){
	    		alert(data);
	   		}
		);
	});
</script>
</body>
</html>

